<html>
    <head>
        <meta charset="UTF-8">
        <title>JS中通过DOM创建元素</title>
        <script type="text/javascript">
            function addElt(){
                //alert("test");
                //向div节点中追加一个子节点font
                //1、获取div节点
                var myDiv = document.getElementById("myDiv");
                //2、创建font节点
                var fontElt = document.createElement("font");
                fontElt.innerHTML="test";
                fontElt.color="blue";
                //3、将font节点追加到div节点中
                myDiv.appendChild(fontElt);
            }
        
        
        </script>
        <body>
            <input type="button" value="给div添加font标签" onclick="addElt();"/>
            <div id="myDiv">

            </div>

        </body>
    </head>
</html>